<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<metahttp-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<title>PHPCMS演示站</title>
<meta name="keywords" content="PHPCMS演示站">
<meta name="description" content="PHPCMS演示站">
<link href="http://localhost/phpcms/statics/css/reset.css" rel="stylesheet" type="text/css" />
<link href="http://localhost/phpcms/statics/css/hzui/css/fonts.css" rel="stylesheet" type="text/css" />
<link href="http://localhost/phpcms/statics/css/default_blue.css" rel="stylesheet" type="text/css" />
<link href="http://localhost/phpcms/statics/css/core.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://localhost/phpcms/statics/js/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/phpcms/statics/js/jquery.sgallery.js"></script>
<script type="text/javascript" src="http://localhost/phpcms/statics/js/search_common.js"></script>
<script type="text/javascript" src="http://localhost/phpcms/statics/js/core.js"></script>
</head>
<body>


<!-- <div class="body-top">
 	<div class="content">
         <div class="login lh24 blue">
            <span class="rt">
                <script type="text/javascript">
                    document.write('<iframe src="http://localhost/phpcms/index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid=1" allowTransparency="true"  width="50%" height="24"  frameborder="0" scrolling="no"></iframe>')
                </script>
            </span>
         </div>
         <div class="search">
            <div class="bd">
                <form action="http://localhost/phpcms/index.php" method="get" target="_blank">
                    <input type="hidden" name="m" value="search"/>
                    <input type="hidden" name="c" value="index"/>
                    <input type="hidden" name="a" value="init"/>
                    <input type="hidden" name="typeid" value="" id="typeid"/>
                    <input type="hidden" name="siteid" value="1" id="siteid"/>
                    <input type="text" class="text" name="q" id="q"/><input type="submit" value="搜 索" class="button" />
                </form>
            </div>
         </div>	
     </div>       
</div> -->


<div class="header-t" id="header-tmenu" style="display:none">
        <div class="nav-bar-t">
         	<div class="logo-t pdt_5 mgr_20"><img src="http://localhost/phpcms/statics/images/mag/logo-small.png" width="72" height="42" /></div>
            <map>
                            <ul class="nav-site-t"  id="sddm">
                    <li class="">
                    	<a href="http://localhost/phpcms"> 首页 </a>  
                    </li>
                                            <li>
                                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=11"> 商品中心 </a> 

                                                        <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                        </li>
                                            <li>
                                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=9"> 新闻中心 </a> 

                                                        <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                        </li>
                                            <li>
                                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=10"> 最新上架 </a> 

                                                        <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                        </li>
                                            <li>
                                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=12"> 关于我们 </a> 

                                                        <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                        </li>
                                    </ul>
                                    </map>
        </div> 
       <!--        -->
</div>

<div class="header">
	<div class="logo"> <img src="http://localhost/phpcms/statics/images/mag/logo.png" /> </div>
    <div class="banner"><script language="javascript" src="http://localhost/phpcms/index.php?m=poster&c=index&a=show_poster&id=1"></script></div>
    <div class="bk3"></div>
     <div class="nav-bar">
    	<map>
    	        	<ul class="nav-site" id="sddm">
                <li class=""><a href="http://localhost/phpcms"> 首页 </a><span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span></li>
                

                

                <li>
                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=11"> 商品中心 <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span> </a> 

                                        
                </li>


               <!--  <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=11"> 商品中心 </a> 
                    <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                </li> -->
                

                <li>
                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=9"> 新闻中心 <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span> </a> 

                                        
                </li>


               <!--  <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=9"> 新闻中心 </a> 
                    <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                </li> -->
                

                <li>
                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=10"> 最新上架 <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span> </a> 

                                        
                </li>


               <!--  <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=10"> 最新上架 </a> 
                    <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                </li> -->
                

                <li>
                                            <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=12"> 关于我们 <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span> </a> 

                                        
                </li>


               <!--  <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=12"> 关于我们 </a> 
                    <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                </li> -->
                            </ul>
        		        </map>
    </div> 
    
	<!--  -->
</div>

</body>

<script>

// 头部滚动效果
$(function () {     
    bindCallhead();
});
function bindCallhead() {
    var lastRmenuStatus=false;
    // $('#online-menu .btn-top').click(function(){
    //     $("html, body").animate({
    //         "scroll-top":0
    //     },"fast");
    // });
    $(window).scroll(function(){
        //bug
        var _top=$(window).scrollTop();
        if(_top>200){
            $("#header-tmenu").data("expanded",true);
        }else{
            $("#header-tmenu").data("expanded",false);
        }
        if($("#header-tmenu").data("expanded")!=lastRmenuStatus){
            lastRmenuStatus=$("#header-tmenu").data("expanded");
            console.log(lastRmenuStatus);
            if(lastRmenuStatus){
                //$("#online-menu .btn-top").slideDown();
                $("#header-tmenu").css("display", "block");
            }else{
                //$("#online-menu .btn-top").slideUp();
                $("#header-tmenu").css("display", "none");
            }
        }
    });
}



//header_nav   导航下划线
	$('.nav-site li').hover(function(){
		$('span',this).stop().css('height','3px');
		$('span',this).animate({
			left:'0',
			width:'100%',
			right:'0'
		},200);
	},function(){
		$('span',this).stop().animate({
			left:'50%',
			width:'0'
		},200);
	});	
</script>


<!--main-->
<div class="main mian_box clearfix">

    <div class="block_box clearfix">

        <div class="FocusPic mgt_20">
            <div id="photo-slide">
                <div class="changeDiv">
                                                                                                                <a href="" title="" target="_blank"><img src="http://localhost/phpcms/uploadfile/2018/0620/20180620081450741.jpg" alt="" width="1200" height="460" /></a>
                                                                                            <a href="" title="" target="_blank"><img src="http://localhost/phpcms/uploadfile/2018/0620/20180620082815725.jpg" alt="" width="1200" height="460" /></a>
                                                                                            <a href="" title="" target="_blank"><img src="http://localhost/phpcms/uploadfile/2018/0620/20180620083006559.jpg" alt="" width="1200" height="460" /></a>
                                                                </div>
            </div>
            
            <a class="prev" href="javascript:void(0)"><i class="icons-p-zuo"></i></a>
            <a class="next" href="javascript:void(0)"><i class="icons-p-you"></i></a>            
        </div>


        <!-- <div class="center_box pd_ub_50">
            <p class="center_title_c">最新上架</p>
            <p class="center_title_e">NEW Books<span></span></p>
            
        </div> -->
         <!-- <div class="clearfix"> -->
       <!--  <div class="character_list pull-left">
        
            <ul class="box_list">
                                                <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=2" target="_blank" title="《孔融让梨》">
                    <img src="http://localhost/phpcms/uploadfile/2018/0620/thumb_440_247_20180620082006579.jpg" width="440" height="247"/>
                    <div class="box_list_back">
                        <div class="box_list_det">
                            <span class="icons-liulan box_list_icon" style="font-size:40px;"></span>
                            <span class="font_18">《孔融让梨》</span>
                        </div>
                    </div>
                    </a>
                </li>
                                <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=7" target="_blank" title="《遇见未知的自己》">
                    <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621110952429.jpg" width="440" height="247"/>
                    <div class="box_list_back">
                        <div class="box_list_det">
                            <span class="icons-liulan box_list_icon" style="font-size:40px;"></span>
                            <span class="font_18">《遇见未知的自己》</span>
                        </div>
                    </div>
                    </a>
                </li>
                                <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=6" target="_blank" title="《你的孤独，虽败犹荣》">
                    <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621110227400.jpg" width="440" height="247"/>
                    <div class="box_list_back">
                        <div class="box_list_det">
                            <span class="icons-liulan box_list_icon" style="font-size:40px;"></span>
                            <span class="font_18">《你的孤独，虽...</span>
                        </div>
                    </div>
                    </a>
                </li>
                                <li>
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=1" target="_blank" title="《三国演义》">
                    <img src="http://localhost/phpcms/uploadfile/2018/0620/20180620082224546.jpg" width="440" height="247"/>
                    <div class="box_list_back">
                        <div class="box_list_det">
                            <span class="icons-liulan box_list_icon" style="font-size:40px;"></span>
                            <span class="font_18">《三国演义》</span>
                        </div>
                    </div>
                    </a>
                </li>
                                            </ul>
        </div> -->
       <div class="clearfix">
        <div class="center_box pd_ub_50">
            <p class="center_title_c">最新上架</p>
            <p class="center_title_e">ZXSJ<span></span></p>
        </div>
        <div class="character_list pull-left">
            <ul>
                                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=2" target="_blank" title="《孔融让梨》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0620/thumb_440_247_20180620082006579.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=7" target="_blank" title="《遇见未知的自己》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621110952429.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=6" target="_blank" title="《你的孤独，虽败犹荣》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621110227400.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=10&id=1" target="_blank" title="《三国演义》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0620/20180620082224546.jpg" alt="">
                        </a>
                    </li>
                                            </ul>
        </div>
        <div class="center_box clearfix pd_ub_50">
            <a href="http://localhost/phpcms/index.php??m=content&c=index&a=lists&catid=10"><button class="trends_btnmore">查看更多</button></a>
        </div>
    </div>
        
    </div>
</div>


<div class="clearfix pdb_30" style="background-color:#fbfbfb;">
    <div class="main mian_box clearfix">
        <div class="center_box pd_ub_50">
            <p class="center_title_c">新闻中心</p>
            <p class="center_title_e">NEWS<span></span></p>
        </div>
        <div class="block_box pd_20 trends_list_box">

                                        <div class="trends_list pull-left">
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=9&id=8">
                        <ul> 
                                <li class="pull-left"><span class="list_circle"></span></li>
                                <li class="mgl_20 font_18">&ldquo;恐怖童谣&rdquo;引发讨论：图书分级到底有...</li>
                                <li class="trends_list_title">摇啊摇，摇啊摇，船儿摇到外婆桥。轻柔、和缓&hellip;&hellip;这大概是很多人读到童谣时的印象。然而，近日一则有关恐怖童...</li>
                        </ul>
                    </a>
                </div>
                            <div class="trends_list pull-left">
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=9&id=7">
                        <ul> 
                                <li class="pull-left"><span class="list_circle"></span></li>
                                <li class="mgl_20 font_18">北京捐赠约150万册图书送往新疆和田</li>
                                <li class="trends_list_title">6月20日下午，我在北京有个家&mdash;&mdash;北京爸爸妈妈结对认亲启动仪式在和田县第一小学举行，北京团市委带领14名北京...</li>
                        </ul>
                    </a>
                </div>
                            <div class="trends_list pull-left">
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=9&id=1">
                        <ul> 
                                <li class="pull-left"><span class="list_circle"></span></li>
                                <li class="mgl_20 font_18">图书馆“一座难求” 网友希望读书能有去处</li>
                                <li class="trends_list_title">图书馆“一座难求” 网友希望读书能有去处</li>
                        </ul>
                    </a>
                </div>
                            <div class="trends_list pull-left">
                    <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=9&id=2">
                        <ul> 
                                <li class="pull-left"><span class="list_circle"></span></li>
                                <li class="mgl_20 font_18">图书《臭臭蓉的小世界幽默成长日记》出...</li>
                                <li class="trends_list_title">图书《臭臭蓉的小世界幽默成长日记》</li>
                        </ul>
                    </a>
                </div>
                                  
            <div class="center_box clearfix pd_ub_30">
                <a href="http://localhost/phpcms/index.php??m=content&c=index&a=lists&catid=9"><button class="trends_btnmore">查看更多</button></a>
            </div>
        </div>
        
    </div>
    
</div>
<div class="main mian_box clearfix">
    <div class="clearfix">
        <div class="center_box pd_ub_50">
            <p class="center_title_c">商品中心</p>
            <p class="center_title_e">Products<span></span></p>
        </div>
        <div class="character_list pull-left">
            <ul>
                                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=11&id=8" target="_blank" title="《遇见未知的自己》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621040951702.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=11&id=3" target="_blank" title="《不抱怨的世界》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621035852107.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=11&id=5" target="_blank" title="莎士比亚悲剧喜剧全集（荣获朱生豪之子认可推荐版！被评">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621104549549.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=11&id=4" target="_blank" title="《因为有梦，所以远方》">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/thumb_440_247_20180621105128880.jpg" alt="">
                        </a>
                    </li>
                                            </ul>
        </div>
        <div class="center_box clearfix pd_ub_50">
            <a href="http://localhost/phpcms/index.php??m=content&c=index&a=lists&catid=11"><button class="trends_btnmore">查看更多</button></a>
        </div>
    </div>

    
</div>

<!-- 精品装备模块 -->
<!-- <div class="main mian_box clearfix">
    
    <div class="clearfix">
        <div class="center_box pd_ub_50">
            <p class="center_title_c">精品装备</p>
            <p class="center_title_e">SELECTION EQUIPMENT<span></span></p>
        </div>
        <div class="equip_list pull-left">
            <ul>
                <li>
                    <div class="equip_list_box">
                        <img src="http://localhost/phpcms/statics/images/feng.jpg" alt="" width="100%" height="300">
                        <div class="equip_list_det font_14">
                            <p class="equip_list_title">女款HyVent防水透气冲锋衣CYV4</p>
                            <p class="c_yellow mgt_5">￥600</p>
                            <button class="mgt_10">立即购买</button>
                        </div>
                    </div>
                    
                </li>
                <li>
                    <div class="equip_list_box">
                        <img src="http://localhost/phpcms/statics/images/feng.jpg" alt="" width="100%" height="300">
                        <div class="equip_list_det font_14">
                            <p class="equip_list_title">女款HyVent防水透气冲锋衣CYV4</p>
                            <p class="c_yellow mgt_5">￥600</p>
                            <button class="mgt_10">立即购买</button>
                        </div>
                    </div>
                    
                </li>
                <li>
                    <div class="equip_list_box">
                        <img src="http://localhost/phpcms/statics/images/feng.jpg" alt="" width="100%" height="300">
                        <div class="equip_list_det font_14">
                            <p class="equip_list_title">女款HyVent防水透气冲锋衣CYV4equip_list_titleequip_list_title</p>
                            <p class="c_yellow mgt_5">￥600</p>
                            <button class="mgt_10">立即购买</button>
                        </div>
                    </div>
                    
                </li>
                <li>
                    <div class="equip_list_box">
                        <img src="http://localhost/phpcms/statics/images/feng.jpg" alt="" width="100%" height="300">
                        <div class="equip_list_det font_14">
                            <p class="equip_list_title">女款HyVent防水透气冲锋衣CYV4</p>
                            <p class="c_yellow mgt_5">￥600</p>
                            <button class="mgt_10">立即购买</button>
                        </div>
                    </div>
                    
                </li>

                
            </ul>
        </div>
          
    </div>
</div> -->


            


<div class="main mian_box clearfix">
    <div class="clearfix">
        <div class="center_box pd_ub_50">
            <p class="center_title_c">关于我们</p>
            <p class="center_title_e">About<span></span></p>
        </div>
        <div class="character_list pull-left">
            <ul>
                                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=12&id=6" target="_blank" title="联系我们">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/20180621101419201.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=12&id=5" target="_blank" title="发展历程">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/thumb_440_247_20180621095928972.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=12&id=3" target="_blank" title="店铺简介">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/thumb_440_247_20180621095818432.jpg" alt="">
                        </a>
                    </li>
                                    <li>
                        <a href="http://localhost/phpcms/index.php?m=content&c=index&a=show&catid=12&id=4" target="_blank" title="店铺荣誉">
                            <img src="http://localhost/phpcms/uploadfile/2018/0621/thumb_440_247_20180621095741978.jpg" alt="">
                        </a>
                    </li>
                                            </ul>
        </div>
        <div class="center_box clearfix pd_ub_50">
            <a href="http://localhost/phpcms/index.php??m=content&c=index&a=lists&catid=12"><button class="trends_btnmore">查看更多</button></a>
        </div>
    </div>

    
</div>



<div class="clearfix" style="background-color:#fbfbfb;">
    <div class="main mian_box clearfix">
        <div class="center_box pd_ub_50">
            <p class="center_title_c">友情链接</p>
            <p class="center_title_e">SELECTION EQUIPMENT<span></span></p>
        </div>

        <div class="link_list pull-left">
            <ul>
                
               
                
                                <li><a href="http://www.phpcms.cn" title="PHPCMS" target="_blank"><span>PHPCMS</span></a></li>
                                <li><a href="http://www.sdo.com" title="盛大在线" target="_blank"><span>盛大在线</span></a></li>
                                               
            </ul>
        </div>

        <!-- <div class="center_box clearfix pd_ub_50">

            <a href="http://localhost/phpcms/index.php?m=link&siteid=1"><button class="trends_btnmore">查看更多</button></a>

        </div> -->
        
    </div>
    
</div>

<div class="clearfix">
    <div class="footer">
<p class="info">
<a href="http://localhost/phpcms/html/about/aboutus/" target="_blank">关于我们</a> |  
<a href="http://localhost/phpcms/html/about/contactus/" target="_blank">联系方式</a> |  
<a href="http://localhost/phpcms/index.php?m=content&c=index&a=lists&catid=4" target="_blank">版权声明</a> |  
<a href="http://localhost/phpcms/html/about/hr/" target="_blank">招聘信息</a> |  
<a href="http://localhost/phpcms/index.php?m=link" target="_blank">友情链接</a>
<br />
Powered by <strong><a href="http://www.phpcms.cn" target="_blank">PHPCMS</a></strong> <em>V9.6.3</em> &copy; 2017 <img src="http://localhost/phpcms/statics/images/copyright.gif"/></p>
</div>
<script type="text/javascript">
$(function(){
	$(".picbig").each(function(i){
		var cur = $(this).find('.img-wrap').eq(0);
		var w = cur.width();
		var h = cur.height();
	   $(this).find('.img-wrap img').LoadImage(true, w, h,'http://localhost/phpcms/statics/images/msg_img/loading.gif');
	});
})
</script>
</body>
</html>
</div>

<script> 
    // 轮播图
        $(function(){
            slide("#photo-slide","cur",1200,460,1, {botLast:'.prev',botNext:'.next'});
        })
    // 蒙层
    $(function () {
        $(".box_list li").find(".box_list_back").stop().fadeTo(400,0)
        $(".box_list li").hover(function(){
            $(this).find(".box_list_back").stop().fadeTo(400,1)
        },function(){
            $(this).find(".box_list_back").stop().fadeTo(400,0)
        });
    })
</script> 